<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作品详情</title>
    <script type="text/javascript" src="./static/js/flexible.debug.js"></script>
    <script type="text/javascript" src="./static/js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="./static/css/mui.min.css"/>
    <link rel="stylesheet" href="./css/work-detail.css"/>
    <link rel="stylesheet" href="./css/iconfont.css"/>
</head>
<body>
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable mui-scalable">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-left">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="info">
                    <div class="avatar">
                        <img src="./image/public/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                    </div>
                    <div class="per-info">
                        <div class="per-name">
                            我的名字借你用了
                        </div>
                        <div class="per-type">
                            学生
                        </div>
                    </div>
                    <div class="menu">
                        <div class="menu-item" id="index">
                            <i class="iconfont icon-fangzi"></i>
                            <a href="#">首页</a>
                        </div>
                        <div class="menu-item" id="introduce">
                            <i class="iconfont icon-xiangqing"></i>
                            <a>大赛介绍</a>
                        </div>
                        <div class="menu-item" id="dongtai">
                            <i class="iconfont icon-icons64x6472"></i>
                            <a>大赛动态</a>
                        </div>
                        <div class="menu-item" id="join">
                            <i class="iconfont icon-wujiaoxing2"></i>
                            <a>参与活动</a>
                        </div>
                        <div class="menu-item" id="contactus">
                            <i class="iconfont icon-fuwuerji"></i>
                            <a>联系我们</a>
                        </div>
                        <div class="menu-item" id="option">
                            <i class="iconfont icon-shezhi"></i>
                            <a>设置</a>
                        </div>
                        <div class="menu-item" id="quit">
                            <i class="iconfont icon-tuichu"></i>
                            <a>退出登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
        <!-- 主页面标题 -->
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-menu iconfont icon-rectangular4  mui-pull-left"></a>
            <h1 class="mui-title">2017天津旅游商品大赛</h1>
        </header>
        <div class="mui-content mui-scroll-wrapper">
            <div class="mui-scroll">
                <!-- 主界面具体展示内容 -->
                <div class="wrap-outer">
                    <div class="wrap-main">
                        <div class="work-lg-img">
                            <img src="./image/work-detail/4.png" alt="" class="auto-img"/>
                        </div>
                        <div class="work-name">
                            作品名称：<span>卡通宫廷侍卫便签夹</span>
                        </div>
                        <div class="voted container">
                            <h1>已获得票数：<span>999</span>票</h1>
                            <ul class="clearfix">
                                <li class="fl">
                                    <div class="voted-avatar">
                                        <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                    </div>
                                    <div class="voted-per">张玲</div>
                                </li>
                                <li class="fl">
                                    <div class="voted-avatar">
                                        <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                    </div>
                                    <div class="voted-per">张玲</div>
                                </li>
                                <li class="fl">
                                    <div class="voted-avatar">
                                        <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                    </div>
                                    <div class="voted-per">张玲</div>
                                </li>
                                <li class="fl">
                                    <div class="voted-avatar">
                                        <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                    </div>
                                    <div class="voted-per">张玲</div>
                                </li>
                            </ul>
                        </div>
                        <div class="author container">
                            <h1>作者信息</h1>
                            <div class="author-top">
                                <div class="avatar">
                                    <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                </div>
                                <div class="author-info">
                                    <div>姓名：<span>刘星</span></div>
                                    <div>性别：<span>女</span></div>
                                    <div>地区：<span>天津市</span></div>
                                </div>
                            </div>
                            <h2>TA的其他作品:</h2>
                            <ul class="other-goods clearfix">
                                <li class="other-good fl">
                                    <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                </li>
                                <li class="other-good fl">
                                    <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                </li>
                                <li class="other-good fl">
                                    <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                </li>
                                <li class="other-good fl">
                                    <img src="./image/work-detail/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                                </li>
                            </ul>
                        </div>
                        <div class="work-info container">
                            <h1>作品信息</h1>
                            <p>作品名称：<span>啦啦啦啦啦啦啦啦啦啦啦</span></p>
                            <p>作品分类：<span>实物类</span></p>
                            <p>作品材质：<span>树脂 铁</span></p>
                            <p>作品规格：<span>6cm*9.5cm 5cm*8cm</span></p>
                            <p>创意说明：<span>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦</span>
                            </p>
                            <div class="work-img">
                                <img src="./image/work-detail/4.png" alt="" class="auto-img"/>
                            </div>
                            <div class="vote-btn">我要投票</div>
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <p>联系电话：022-24238933 邮箱;2936846109@qq.com</p>
                    <p>津ICP备13022601号</p>
                    <p>技术支持：六合天创</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="./static/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="./static/js/jqthumb.min.js"></script>
<script type="text/javascript" src="./static/js/mui.min.js"></script>
<script type="text/javascript" src="./js/tabbar.js"></script>
<script type="text/javascript">
    $(function () {
//        初始化滚动
        mui('.mui-scroll-wrapper').scroll();
        var votedavatar = $('.voted-avatar');
        var w = votedavatar.width();
        var h = votedavatar.height();
        $('.voted-avatar img').jqthumb({
            width: w,
            height: h
        });
        var avatar = $('.author-top .avatar');
        var w1 = avatar.width();
        var h1 = avatar.height();
        $('.author-top .avatar img').jqthumb({
            width: w1,
            height: h1
        });
        var othergood = $('.other-good');
        var w2 = othergood.width();
        var h2 = othergood.height();
        $('.other-good img').jqthumb({
            width: w2,
            height: h2
        });
    });
</script>
</body>
</html>